<template>
    <div class="person">
        ???
    </div>
</template>

<script lang="ts" setup name="Person">
import { type PersonInter, type Persons } from '@/types'

// let person: PersonInter = { id: '110158195651461', name: '张三', age: 50 }
let personList1: Array<PersonInter> = [
    { id: '110158195651461', name: '张三', age: 50 },
    { id: '110158195651462', name: '李四', age: 51 },
    { id: '110158195651463', name: '王五', age: 52 },
    { id: '110158195651464', name: '赵六', age: 53 },
    { id: '110158195651465', name: '狂妻', age: 54 },
    { id: '110158195651466', name: '包吧', age: 55 },
    { id: '110158195651467', name: '商务', age: 50 }
]

let personList2: Persons = [
    { id: '110158195651461', name: '张三', age: 50 },
    { id: '110158195651462', name: '李四', age: 51 },
    { id: '110158195651463', name: '王五', age: 52 },
    { id: '110158195651464', name: '赵六', age: 53 },
    { id: '110158195651465', name: '狂妻', age: 54 },
    { id: '110158195651466', name: '包吧', age: 55 },
    { id: '110158195651467', name: '商务', age: 50 }
]

</script>

<style scoped>
.person {
    background-color: skyblue;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
}

button {
    margin: 0 5px;
}

li {
    font-size: 20px;
}
</style>
